.top p{
        padding: 0 15px 0 15px;
        line-height: 55px;
        display: flex;
        justify-content: space-around;
        color: #B9B9B9;
        font-size: 16px;
        border-bottom: 2px solid #dad5d5;
        span.active{
            position: relative;
            color: #4B99FF;
            font-size: 18px;
            a{
                position: absolute;
                bottom: -1px;
                left: -6px;
                width: 44px;
                height: 2px;
                background-color: #72bdec;
            }
            .special{
                left: 10px;
            }
        }
    }
    main{
        flex: 1;
        overflow: scroll;
        div.lao{
            font-size: 30px;
            padding-left: 20px;
        }
        >div{
            display: none;
        }
        >div.cur{
            display: block;
        }
        div.test-main{
            padding: 0 10px 0 10px;
            >p{
                line-height: 40px;
                font-size: 16px;
            }
            .new{
                width: 100%;
                height: 200px;
                border-radius: 20px;
                box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
                .bgi{
                    width: 100%;
                    height: 145px;
                    border-top-left-radius: 20px;
                    border-top-right-radius: 20px;
                    background-image: url(../imgs/part4.png);
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: 0 -50px;
                }
                .text{
                    padding: 10px 0 10px 10px;
                    p{
                        font-size: 14px;
                        margin-bottom: 8px;
                        color: black;
                    }
                    span{
                       color: #ADADAD ; 
                       font-size: 12px;
                    }
                }
            }
            .course{
                width: 100%;
                li{
                    width: 100%;
                    height: 130px;
                    border-radius: 20px;
                    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
                    background-image: url(../imgs/part1.png);
                    background-repeat: no-repeat;
                    background-size:360px;
                    background-position: 0 -70px;
                    margin-bottom: 12px;
                    p{
                        font-size: 18px;
                        padding-left: 20px;
                        padding-top: 50px;
                        margin-bottom: 15px;
                        color: rgba(255, 255, 255, 0.774);
                    }
                    span{
                        margin-left: 20px;
                        color: rgba(255, 255, 255, 0.753);
                    }
                }
                li:nth-of-type(2){
                    background-image: url(../imgs/part2.png);
                    background-size:360px;
                    background-position: 0px -20px;
                }
                li:nth-of-type(3){
                    background-image: url(../imgs/part3.png);
                    background-size:360px;
                    background-position: 0px -20px;
                }
            }
        }
}
